<template>
  <div class="sidebar">
    <el-menu
      class="sidebar-el-menu"
      :default-active="onRoutes"
      :collapse="collapse"
      background-color="#ffff"
      text-color="#304156"
      active-text-color="#20a0ff"
      unique-opened
      router
    >
      <template v-for="item in items">
        <template v-if="item.subs">
          <el-submenu :index="item.index" :key="item.index">
            <template #title>
              <i :class="item.icon"></i>
              <span>{{ item.title }}</span>
            </template>
            <template v-for="subItem in item.subs">
              <el-submenu
                v-if="subItem.subs"
                :index="subItem.index"
                :key="subItem.index"
              >
                <template #title>{{ subItem.title }}</template>
                <el-menu-item
                  v-for="(threeItem, i) in subItem.subs"
                  :key="i"
                  :index="threeItem.index"
                  >{{ threeItem.title }}</el-menu-item
                >
              </el-submenu>
              <el-menu-item
                v-else
                :index="subItem.index"
                :key="subItem.index"
                >{{ subItem.title }}</el-menu-item
              >
            </template>
          </el-submenu>
        </template>
        <template v-else>
          <el-menu-item :index="item.index" :key="item.index">
            <i :class="item.icon"></i>
            <template #title>{{ item.title }}</template>
          </el-menu-item>
        </template>
      </template>
    </el-menu>
  </div>
</template>

<script>
// import bus from "../common/bus";
export default {
  data() {
    return {
      items: [
        {
          icon: "el-icon-s-platform",
          index: "dashboard",
          title: "首页",
        },
        {
          icon: "el-icon-s-grid",
          index: "2",
          title: "官网",
          subs: [
            {
              index: "baseform",
              title: "公司信息",
            },
            {
              index: "upload",
              title: "首页轮播",
            },
            {
              index: "testCase",
              title: "案例",
            },
            {
              index: "planner",
              title: "计划",
            },
            {
              index: "productcode",
              title: "产品",
            },
            {
              index: "service",
              title: "服务",
            },
            {
              index: "resources",
              title: "资源",
            },
            {
              index: "cooperation",
              title: "合作伙伴",
            },
          ],
        },
        {
          icon: "el-icon-folder-opened",
          index: "1",
          title: "财务管理",
          subs: [
            {
              index: "Financial",
              title: "报销付款",
            },
            {
              index: "moneylosing",
              title: "用款支付",
            },
            {
              index: "credentials",
              title: "汇款凭证",
            },
          ],
        },
        {
          icon: "el-icon-document",
          index: "3",
          title: "行政管理",
          subs: [
            // {
            //   index: "filemtime",
            //   title: "文件",
            // },

            {
              index: "Approval",
              title: "审批流程",
            },
            {
              index: "template",
              title: "文档",
            },
            {
              index: "expense",
              title: "报销",
            },
            {
              index: "system",
              title: "公司制度",
            },

            {
              index: "procurement",
              title: "采购申请",
            },
            {
              index: "applymoney",
              title: "用款申请单",
            },
            {
              index: "assets",
              title: "固定资产",
            },
          ],
        },
        {
          icon: "el-icon-user",
          index: "4",
          title: "人事管理",
          subs: [
            {
              index: "4-1",
              title: "人事档案",
              subs: [
                {
                  index: "archives",
                  title: "个人信息",
                },
                {
                  index: "AssessmentIfc",
                  title: "考核档案",
                },
              ],
            },
            {
              index: "assessment",
              title: "业绩考核",
            },
          ],
        },
        {
          icon: "el-icon-folder-opened",
          index: "5",
          title: "项目管理",
          subs: [
            {
              index: "tutorial",
              title: "项目清单",
            },
            {
              index: "libarchive",
              title: "研发归档",
            },
          ],
        },
        {
          icon: "el-icon-s-comment",
          index: "5-5",
          title: "库存管理",
          subs: [
            {
              index: "inventory",
              title: "入库",
            },
            {
              index: "outbound",
              title: "出库",
            },
            {
              index: "ProductService",
              title: "物料信息",
            },
            {
              index: "Warehouse",
              title: "仓库管理",
            },
          ],
        },
        {
          icon: "el-icon-s-promotion",
          index: "6",
          title: "生产管理",
          subs: [
            {
              index: "claimed",
              title: "配料",
            },
            {
              index: "picking",
              title: "领料",
            },
            {
              index: "product",
              title: "产品信息",
            },
            {
              index: "problem",
              title: "生产反馈",
            },
            {
              index: "supplier",
              title: "供应商管理",
            },
          ],
        },
        {
          icon: "el-icon-truck",
          index: "7",
          title: "资源",
          subs: [
            {
              index: "current",
              title: "文档模版",
            },
          ],
        },
        {
          icon: "el-icon-s-opportunity",
          index: "8",
          title: "售后",
          subs: [
            {
              index: "maintenance",
              title: "维修记录档案",
            },
            {
              index: "Diagnosisb",
              title: "维修报告",
            },
            {
              index: "feedback",
              title: "用户反馈",
            },

            {
              index: "visitors",
              title: "满意度调查",
            },

            {
              index: "warranty",
              title: "质保期",
            },
          ],
        },
        {
          icon: "el-icon-s-goods",
          index: "9",
          title: "销售管理",
          subs: [
            {
              index: "invoices",
              title: "发票管理",
            },
            {
              index: "salesstats",
              title: "销售报备",
            },
            {
              index: "authorization",
              title: "净销售权",
            },
            {
              index: "weekly",
              title: "销售周报",
            },
            {
              index: "opp",
              title: "销售OPP",
            },
            {
              index: "research",
              title: "调研报告",
            },
            {
              index: "9-1",
              title: "合同管理",
              subs: [
                {
                  index: "ufeedback",
                  title: "生成合同",
                },
                {
                  index: "Contractfile",
                  title: "合同档案",
                },
                {
                  index: "contracttabe",
                  title: "合同汇总表",
                },
                {
                  index: "tenderid",
                  title: "标书",
                },
                {
                  index: "winningtriple",
                  title: "中标通知书",
                },
              ],
            },
          ],
        },
        {
          icon: "el-icon-s-operation",
          index: "10",
          title: "系统管理",
          subs: [
            {
              index: "user",
              title: "用户管理",
            },
            {
              index: "personal",
              title: "个人信息",
            },
            {
              index: "menu",
              title: "菜单管理",
            },
            {
              index: "role",
              title: "角色管理",
            },

            {
              index: "Departments",
              title: "部门管理",
            },
            {
              index: "dictionary",
              title: "字典管理",
            },
          ],
        },

        {
          icon: "el-icon-s-tools",
          index: "logdev",
          title: "系统日志",
        },

        // {
        //   icon: "el-icon-lx-calendar",
        //   index: "3",
        //   title: "表单相关",
        //   subs: [
        //     {
        //       index: "form",
        //       title: "基本表单",
        //     },
        //     //         {
        //     //             index: "3-2",
        //     //             title: "三级菜单",
        //     //             subs: [
        //     //                 {
        //     //                     index: "editor",
        //     //                     title: "富文本编辑器"
        //     //                 },
        //     //                 {
        //     //                     index: "markdown",
        //     //                     title: "markdown编辑器"
        //     //                 }
        //     //             ]
        //     //         },
        //     {
        //       index: "upload",
        //       title: "文件上传",
        //     },
        //   ],
        // },
        // {
        //   icon: "el-icon-lx-emoji",
        //   index: "icon",
        //   title: "自定义图标",
        // },
        // {
        //   icon: "el-icon-pie-chart",
        //   index: "charts",
        //   title: "schart图表",
        // },
        // {
        //     icon: "el-icon-rank",
        //     index: "6",
        //     title: "拖拽组件",
        //     subs: [
        //         {
        //             index: "drag",
        //             title: "拖拽列表"
        //         },
        //         {
        //             index: "dialog",
        //             title: "拖拽弹框"
        //         }
        //     ]
        // },
        // {
        //   icon: "el-icon-lx-global",
        //   index: "i18n",
        //   title: "国际化功能",
        // },
        // {
        //   icon: "el-icon-lx-warn",
        //   index: "7",
        //   title: "错误处理",
        //   subs: [
        //     {
        //       index: "permission",
        //       title: "权限测试",
        //     },
        //     {
        //       index: "404",
        //       title: "404页面",
        //     },
        //   ],
        // },
        // {
        //   icon: "el-icon-lx-redpacket_fill",
        //   index: "/donate",
        //   title: "支持作者",
        // },
      ],
    };
  },
  computed: {
    onRoutes() {
      return this.$route.path.replace("/", "");
    },
    collapse() {
      return this.$store.state.collapse;
    },
  },
  created() {
    let str = sessionStorage.getItem("token");
    // this.headerObj["Authorization"] = `Bearer ${str}`;
    this.headerObj = `Bearer ${str}`;
  },
  beforeMount() {
    // this.logRouting();
  },
  methods: {
    logRouting() {
      this.$axios
        .get(`api/serial/Menu?pageSize=${10}&pageIndex=${1}`, {
          headers: {
            Authorization: this.headerObj,
          },
        })
        .then((res) => {
          console.log(res);
        });
    },
  },
};
</script>

<style scoped>
.sidebar {
  display: block;
  position: absolute;
  left: 0;
  top: 60px;
  bottom: 0;
  overflow-y: scroll;
}
.sidebar::-webkit-scrollbar {
  width: 0;
}
.sidebar-el-menu:not(.el-menu--collapse) {
  width: 250px;
}
.sidebar > ul {
  height: 100%;
}
</style>
